﻿body { background:#e6e6eb; font-family: Tahoma, Helvetica, Arial, Verdana, Sans Serif, "Microsoft YaHei"; font-size: 12px; padding:0;margin:10px; }
ul, li { margin:0;padding:0;}
li { list-style:none;}
h1 { color:#01439c;}

/* float clearing */
* html .clearfix { height: 1%; overflow: visible; }
* + html .clearfix { min-height: 1%; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; }


.nav { }
.nav li{ font-size:16px; height:30px; line-height:30px; padding:5px 10px; background:#01439c; -webkit-border-radius:10px;color:#fff; float:left; text-align:center; margin-right:10px; box-shadow:5px 5px 5px #808080;}
.nav li a{ color:#fff;}

p { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 10px; -webkit-column-gap: 10px; column-gap: 10px; }

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
    body { font-size:14px;margin:0;}

    .nav { background:#01439c;}
    .nav li{box-shadow:none;}

}